@charset "utf-8";
@import "reset";
@import "iconfont";
@import "common";
@import "t_zixunnr";
.content {
    position: absolute;
    top: r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    .carousel {
        .lunbo_wrap {
            position: relative;
            overflow: hidden;
            width: 100%;
            //          height: r(340px)!important;
            .pic_box {
                height: 100%;
                width: 100%;
                list-style: none;
                white-space: nowrap;
                font-size: 0;
                >li {
                    display: inline-block;
                    position: relative;
                    height: 100%;
                    >img {
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .lunbo_text {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: rgba(0, 0, 0, 0.3);
                        height: r(104px);
                        >h1 {
                            font-size: r(24px);
                            color: #FFFFFF;
                            width: 95%;
                            margin: 0 auto;
                            overflow: hidden;
                            line-height: r(60px);
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                        >dl {
                            width: 95%;
                            margin: 0 auto;
                            >dt {
                                &:first-of-type {
                                    >p {
                                        font-size: 10px;
                                        color: white;
                                    }
                                }
                                &:nth-of-type(2) {
                                    >a {
                                        text-decoration: none;
                                        font-size: 12px;
                                        color: white;
                                        margin-left: 5px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .zix {
        width: 90%;
        margin: 0 auto;
        >ul {
            padding: r(39px) 0;
            border-bottom: 1px solid #C5C5C5;
            >li {
                &:first-of-type {
                    display: inline-block;
                    width: 30%;
                    height: r(140px);
                    >img {
                        height: 100%;
                    }
                }
                &:nth-of-type(2) {
                    width: 60%;
                    display: inline-block;
                    >h1 {
                        font-size: r(26px);
                    }
                    >p {
                        font-size: r(20px);
                        color: #C5C5C5;
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        margin-top: 1%;
                    }
                    >.clo{
                        display: flex;
                        justify-content: flex-end;
                        font-size: 0;
                        margin-top: 4%;
                        >span {
                            font-size: r(18px);
                            color: #939393;
                        }
                         >a{
                            font-size: r(18px);
                            color: #939393;
                            display: inline-block;
                            padding-left: 1%;
                        }
                    }
                }
            }
        }
        .clear {
            clear: both;
        }
    }
    .thelast{
            width: 100%;
            text-align: center;
            padding-top: 10px;
            padding-bottom: r(60px);
            >a{
                color: #bbbbbb;
                font-size: 14px;
            }
        }
}

.zixunnr{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: all 500ms linear; 
}
.zixunshow{
    transform: translateX(0);
    transition: all 500ms linear; 
}
